<template>
  <div class="details">
        <el-breadcrumb separator="/">
            <el-breadcrumb-item :to="{ path: '/post' }">旅游攻略</el-breadcrumb-item>
            <el-breadcrumb-item>攻略详情</el-breadcrumb-item>
        </el-breadcrumb>

        <detailscon />

        <detailAside class="aside" />
  </div>
</template>

<script>
import detailscon from '../../components/post/detailscon'
import detailAside from '../../components/post/detaileAside'
export default {
  name: '',
  components: {
    detailscon,
    detailAside
  },
  data () {
    return {
      articleData: {}
    }
  },
  mounted () {
    this.$http.get('/posts', {
      params: {
        id: this.$route.query.id
      }
    }).then(res => {
      const [data] = res.data.data
      this.articleData = data
    })
  },
  watch: {
  }

}
</script>

<style lang="less" scoped>
.details{
  width: 1000px;
  min-height: 800px;
  margin: 0 auto;
  position: relative;
    /deep/.el-breadcrumb{
       height: 40px;
       line-height: 40px;
        .el-breadcrumb__inner{
            font-size: 14px;
            height: 20px;
        }
    }
  .aside{
    position: absolute;
    min-height: 700px;
    right: 0;
    top: 0;
    width: 280px;
    padding: 0px 10px;
  }
}
</style>
